import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeView from '../views/HomeView.vue'
import IndexPage from "@/views/IndexPage.vue";
import ButtonExamplePage from "@/views/ButtonExamplePage.vue";
import LayoutExamplePage from "@/views/LayoutExamplePage.vue";
import ContainerExamplePage from "@/views/ContainerExamplePage.vue";
import TableExamplePage from "@/views/TableExamplePage.vue";
import CardExamplePage from "@/views/CardExamplePage.vue";
import PaginationExamplePage from "@/views/PaginationExamplePage.vue";
import MaterialPage from "@/views/MaterialPage.vue";
import FormExamplePAGE from "@/views/FormExamplePAGE.vue";
import EchartsExamplePage from "@/views/EchartsExamplePage.vue";
import NavExamplePage from "@/views/NavExamplePage.vue";
import ProductSavePage from "@/views/ProductSavePage.vue";
Vue.use(VueRouter)

const routes = [
  {
    path:'/index',
    component:IndexPage
  },
  {
    path:'/button',
    component:ButtonExamplePage
  },
  {
    path:'/layout',
    component:LayoutExamplePage
  },
  {
    path:'/container',
    component:ContainerExamplePage
  },
  {
    path:'/table',
    component:TableExamplePage
  },
  {
    path:'/card',
    component:CardExamplePage
  },
  {
    path:'/',
    name:'home',
    component: HomeView
  },
  {
    path:'/pagination',
    component:PaginationExamplePage
  },
  {
    path:'/material',
    component:MaterialPage
  },
  {
    path:'/form',
    component:FormExamplePAGE
  },
  {
    path:'/echarts',
    component:EchartsExamplePage
  },
  {
    path:'/nav',
    component:NavExamplePage
  },
  {
    path:'/product/save',
    component:ProductSavePage
  },

]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
